import React, { useState } from'react';
import { View } from '@tarojs/components';
import './index.scss';
import { navigateTo } from '@/utils/navigation'
import PageWrapper from '@/components/PageWrapper'
const Index: React.FC = () => {
  return (
    <PageWrapper title="钱包通知" showBack={true} backgroundColor='#F0F0F0'>
      <View className="message-page">
        <View className="content">
          <View className="msg-box">
            <View className="msg-item" onClick={() => navigateTo('/pages/wallet-message/message-details/index')}>
              <View className="msg">
                <View className="msg-state read">已读</View>
                <View className="msg-time">2025-05-12 11:03:25</View>
              </View>
              <View className="msg-title">消息标题标题标题</View>
              <View className="msg-text">在A的快速发展中，数字人(DigitalHumans)作为一种新兴
                技术，越来越受到关注。
              </View>
            </View>
            <View className="msg-item">
              <View className="msg">
                <View className="msg-state unread">未读</View>
                <View className="msg-time">2025-05-12 11:03:25</View>
              </View>
              <View className="msg-title">消息标题标题标题</View>
              <View className="msg-text">在A的快速发展中，数字人(DigitalHumans)作为一种新兴
                技术，越来越受到关注。
              </View>
            </View>
          </View>
        </View>
      </View>
    </PageWrapper>
  );
};

export default Index;
